.web-main{
  width: 100%;
  height: 100%;
  // background-color: #48b3a6;
  position: relative;
  .banner{
    margin-top: 60px;
    width: 100%;
    height: 442px;
    background: url("/static/index/banner1.jpg");
    background-size: 100% 100%;
    color: #ffffff;
    overflow: hidden;
    .big-title{
      margin-top: 122px;
      text-align: center;
      font-family: MicrosoftYaHei-Bold;
      font-size: 46px;
      font-weight: normal;
      font-stretch: normal;
      letter-spacing: 9px;
    }
    .little-title{
      padding: 0;
      margin-top: 24px !important ;
      text-align: center;
      font-family: MicrosoftYaHeiLight;
      font-size: 16px;
      font-weight: normal;
      font-stretch: normal;
      letter-spacing: 6px;
      .bold{
        color: #ffffff;
        font-weight: bold;
        opacity: 100;
      }
      .opacity-6{
        opacity: .6;
      }
    }
    .down-item{
      margin-top: 50px;
      display: flex;
      justify-content: center;
      img{
        padding: 0 40px;
        width: 210px;
        cursor: pointer;
      }
    }
  }
  .project-list{
    font-weight: normal;
    font-stretch: normal;
    text-align: center;
    .new-world{
      margin-top: 34px;
      font-weight: bold;
      font-family: MicrosoftYaHei-Bold;
      font-size: 22px;
      letter-spacing: 0px;
      color: #ff9600;
    }
    .collection{
      margin-top: 4px;
      font-family: MicrosoftYaHeiLight;
      font-size: 14px;
      letter-spacing: 4px;
      color: #333333;
      opacity: .6;
    }
    img{

      width: 1200px;
      display: block;
      margin:42px auto;
    }
    .tag-item{
      width: 100%;
      height: 100px;
      display: flex;
      justify-content: center;
      .item{
        color: #ffffff;
        font-size: 12px;
        width: 80px;
        height: 24px;
        line-height: 24px;
        background-color: #f35b1f;
        box-shadow: 0px 4px 10px 0px
        rgba(243, 91, 31, 0.5);
        border-radius: 11px;
        margin: 0 20px;
      }
      .adventure{
        background-color: #faa218;
        box-shadow: 0px 4px 10px 0px
        rgba(250, 162, 24, 0.5);
      }
      .youth{
        background-color: #3c77ef;
        box-shadow: 0px 4px 10px 0px
        rgba(60, 119, 239, 0.5);
      }
    }
  }
}